.table thead th {
  vertical-align: middle;
}

.el-button.el-button--medium {
  padding: 0.465rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  vertical-align: middle;

  &.is-circle {
    padding: 0.62rem;
    line-height: 1;
  }
}
.el-transfer-panel__list > .el-checkbox:last-child {
  margin-right: 30px;
}

.el-input--middle .el-input__inner {
  height: calc(2.25em + 2px);
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  vertical-align: top;
}

.form-control {
  height: calc(2.429em + 2px);
  padding: 0.465rem 0.75rem;
  border-color: $input-border-color;
}

// calc(2.875rem + 2px)
.btn {
  padding: 0.465rem 0.75rem;
}

.el-cascader {
  vertical-align: middle;
}
.el-form.el-form--inline {
  .el-cascader {
    vertical-align: top;
  }
}

.v-cascader-hide-radio .el-cascader-node label.el-radio {
  display: none;
}

.el-cascader-menu__wrap {
  min-height: 274px;
}

.c-cascader__hide-radio .el-cascader-node {
  position: relative;
  label.el-radio {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    & + .el-cascader-node__label {
      padding: 0;
    }
  }
}

input {
  &.form-control,
  &.el-input__inner {
    @include placeholder-color();
  }
}

textarea {
  &.form-control,
  &.el-input__inner {
    @include placeholder-color();
  }
}

.black-placeholder {
  .form-control,
  .el-input__inner {
    @include placeholder-color($placeholder-black-color);
  }
}

.badge.badge-wrap {
  white-space: normal;
}

.el-tabs.el-tabs--border-card.el-tabs--shadowless {
  box-shadow: none;
}

.text-wrapper {
  white-space: pre-wrap;
}

.c-area-dropdown__wrap {
  height: 370px;
}

.c-inner-dropdown__wrap {
  height: 350px;
}

.c-query-dropdown__wrap {
  height: 325px;
}

.c-query-inner-dropdown__wrap {
  height: 305px;
}

.theme-picker-icon {
  vertical-align: middle;
  .el-color-picker__trigger {
    padding: 10px;
    border: none;
    .el-color-picker__color {
      border: none;
    }
    .el-color-picker__empty::before {
      font: normal normal normal 14px/1 FontAwesome;
      content: '\f0e4';
    }
  }
  &:hover,
  &:focus {
    .el-color-picker__trigger .el-color-picker__empty {
      color: $gray-700;
    }
  }
}

.project-history[data-history='1']::before {
  content: '\5386';
  font-size: 75%;
  color: $primary-text;
  color: var(--primary-text);
  background-color: $primary-transparent-7;
  background-color: var(--primary-transparent-7);
  line-height: 1;
  padding: 0 0.2rem 0 0.15rem;
  margin-right: 0.25rem;
  border-radius: $border-radius;
}

.was-validated .form-item.invalid ~ .invalid-feedback {
  display: block;
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  object-fit: cover;
}

.el-upload-list__item {
  transition-duration: 0.25s;
}

.card {
  border-color: rgba(0, 0, 0, 0.08);
  &.card--shadowless {
    box-shadow: none;
  }
}

.max-w {
  max-width: var(--max-width);
}

.min-w {
  min-width: var(--max-width);
}

.text-truncate--line {
  --line-clamp: 2;

  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: var(--line-clamp);
  -webkit-box-orient: vertical;
}
